<template>
  <view class="issue">
    <view class="issue-box">
      <view class="issue-t">有问必答</view>
    </view>
    <view class="issue-c">
      <view class="i-content">
        <navigator url="/pages/best-answer/index">
          <view class="C1">
            <image src="../../icon/问题-互动.png"></image>
            <view style="padding-left: 8px; line-height: 25px; overflow: hidden"
              >非京籍在北京上学是否可以参加中高考？</view
            >
          </view>
        </navigator>
        <view class="C2">
          非京籍能否参加中高考，相信这是所有非京籍在北京上学都会关注的终极问题...针对这个问题，我们整理了当前关于政策的相关内容，以及一些解决方案供非京籍家长参考。
          首先非京籍在北京上学，符合要求的学生是可以参加中高考的！
          比如满足非京籍的
        </view>
      </view>
    </view>
    <view class="issue-c">
      <view class="i-content">
        <navigator url="/pages/best-answer/index">
          <view class="C1">
            <image src="../../icon/问题-互动.png"></image>
            <view style="padding-left: 8px; line-height: 25px; overflow: hidden"
              >非京籍在北京上学是否可以参加中高考？</view
            >
          </view>
        </navigator>
        <view class="C2">
          A-Level课程有三年制和四年制,它们的区别主要在于衔接阶段。四年制是 2年
          IGCSE 衔接，分为是 G1和 G2;三年制是 1年 IGCSE衔接。
          而美高AP课程完整的学制应该是四年制,从九年级到十二年级。有些体制内的学生,由于
        </view>
      </view>
    </view>
    <navigator url="/pages/moreIssue/index">
      <view class="issue-more">更多问答</view>
    </navigator>
  </view>
</template>

<script>
export default {
  data() {
    return {};
  },
};
</script>

<style>
.issue {
  width: 100%;
  margin-top: 20px;
  background-color: white;
  overflow: hidden;
}
.issue-box {
  width: 90%;
  margin: auto;
}
.issue-t {
  margin-top: 4%;
  font-size: 40px;
  width: 25%;
  display: flex;
  justify-content: center;
  align-items: center;
  border-left: 7px solid #0b6db6;
}
.issue-c {
  width: 92%;
  margin: 0 auto;
  margin-top: 40px;
}
.i-content {
  width: 100%;
}
.C1 {
  display: flex;
  width: 100%;
  height: 50px;
}
.C1 image {
  width: 47px;
  height: 45px;
}
.C2 {
  overflow: hidden;
  line-height: 50px;
  border-bottom: 1px #e7e7e7 dotted;
  width: 100%;
  font-size: 25px;
  color: #999;
  height: 100px;
  padding-bottom: 20px;
  margin-bottom: 20px;
}
.issue-more {
  width: 92%;
  height: 70px;
  margin: auto;
  margin-top: 20px;
  margin-bottom: 30px;
  background-color: #0b6db6;
  text-align: center;
  line-height: 60px;
  color: white;
}
.focus {
  width: 100%;
  margin-top: 20px;
  background-color: white;
  overflow: hidden;
}

.f-content {
  margin-top: 4%;
  margin-left: 4%;
  margin-right: 4%;
}

.f-more {
  width: 90%;
  height: 70px;
  margin: auto;
  margin-top: 20px;
  background-color: #0b6db6;
  text-align: center;
  line-height: 70px;
  color: white;
}

.content {
  border-bottom: 1px dashed #ccc;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  padding-top: 30px;
  font-size: 25px;
}

.g {
  display: flex;
  width: 100%;
  height: 20%;
  margin-top: 10px;
  /* background-color: yellow; */
  border-bottom: 1px dashed #ccc;
}

.r-p {
  flex: 1;
  margin-left: 2%;
  /* background-color: brown; */
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  padding-bottom: 20px;
}

.r-inside {
  white-space: normal;
  word-wrap: break-word;
  word-break: break-all;
  padding-top: 20px;
  font-size: 20px;
}
</style>
